~inc:header.inc~
<div id="content">

<div id="status">
	<div id="loading" style="display:none">Error:<br />Connection to demo board was lost.</div>
	<div id="display">
		<span style="float:right;font-size:9px;font-weight:normal;padding-top:8px;text-indent:0px">(click to toggle)</span>
		<p>RELAYs:<br /><span class="leds">
		<a id="ledb" onclick="newAJAXCommand('leds.cgi?led=b');">&bull;</a>&nbsp;
		<a id="leda" onclick="newAJAXCommand('leds.cgi?led=a');">&bull;</a>&nbsp;
		<a id="led9" onclick="newAJAXCommand('leds.cgi?led=9');">&bull;</a>&nbsp;
		<a id="led8" onclick="newAJAXCommand('leds.cgi?led=8');">&bull;</a>&nbsp;
		<a id="led7" onclick="newAJAXCommand('leds.cgi?led=7');">&bull;</a>
		<a id="led6" onclick="newAJAXCommand('leds.cgi?led=6');">&bull;</a>
		<a id="led5" onclick="newAJAXCommand('leds.cgi?led=5');">&bull;</a>
		<a id="led4" onclick="newAJAXCommand('leds.cgi?led=4');">&bull;</a>
		<a id="led3" onclick="newAJAXCommand('leds.cgi?led=3');">&bull;</a>
		<a id="led2" onclick="newAJAXCommand('leds.cgi?led=2');">&bull;</a>
		<a id="led1" onclick="newAJAXCommand('leds.cgi?led=1');">&bull;</a>
		<a id="led0" onclick="newAJAXCommand('leds.cgi?led=0');">&bull;</a>
		</span></p>
		<p>
		R12,R11,R10,R9,R8,R7,R6,R5,R4,R3,R2,R1
		</p>
		
		<p>INPUTs:<br />
		&nbsp;
		<span id="btnb">?</span> &nbsp;
		<span id="btna">?</span> &nbsp;&nbsp;
		<span id="btn9">?</span> &nbsp;&nbsp;
		<span id="btn8">?</span> &nbsp;
		<span id="btn7">?</span> &nbsp;
		<span id="btn6">?</span> &nbsp;
		<span id="btn5">?</span> &nbsp;
		<span id="btn4">?</span> &nbsp;
		<span id="btn3">?</span> &nbsp;
		<span id="btn2">?</span> &nbsp;
		<span id="btn1">?</span> &nbsp;
		<span id="btn0">?</span> &nbsp;
		<p>
		&nbsp;I12,I11,I10,I9,I8,I7,I6,I5,&nbsp;I4,I3,I2,I1
		</p>
		
		<p>In_Analog: <span id="pot0" style="font-weight:normal">?</span></p>

	</div>
</div>

<h1>Welcome!</h1>

<table style="padding-left: 10px;">
<tr><td><b>Stack Version:</b></td><td>&nbsp;</td><td>~version~</td></tr>
<tr><td><b>Build Date:</b></td><td>&nbsp;</td><td>~builddate~</td></tr>
<tr><td><b>Web Pages Date:</b></td><td>&nbsp;</td><td>Oct 7 2011 19:10</td></tr>
</table>

<ul>
<li><b>Dynamic Variable Substitution</b> - display real-time data</li>
<li><b>Form Processing</b> - handle input from the client</li>
<li><b>Authentication</b> - require a user name and password</li>
<li><b>File Uploads</b> - parse files for configuration settings and more</li>
</ul>

<p>Several example applications are also provided for updating configuration
parameters, sending e-mails, and controlling the Dynamic DNS client.  Thanks to
built-in GZIP compression support, all these tutorials and examples fit in the
32kB on-board EEPROM!</p>
<form method="get" action="index.htm">
<input type="submit" value="Toggle R1 2S" onclick="newAJAXCommand('toggle.cgi?toggle=I');">
<input type="submit" value="Toggle R2 2S" onclick="newAJAXCommand('toggle.cgi?toggle=L');">
<input type="submit" value="Toggle R3 2S" onclick="newAJAXCommand('toggle.cgi?toggle=M');">
<input type="submit" value="Toggle R4 2S" onclick="newAJAXCommand('toggle.cgi?toggle=N');">
<input type="submit" value="Toggle R5 2S" onclick="newAJAXCommand('toggle.cgi?toggle=O');">
<input type="submit" value="Toggle R6 2S" onclick="newAJAXCommand('toggle.cgi?toggle=P');">
<input type="submit" value="Toggle R7 2S" onclick="newAJAXCommand('toggle.cgi?toggle=Q');">
<input type="submit" value="Toggle R8 2S" onclick="newAJAXCommand('toggle.cgi?toggle=R');">
<input type="submit" value="Toggle R9 2S" onclick="newAJAXCommand('toggle.cgi?toggle=S');">
<input type="submit" value="Toggle R10 2S" onclick="newAJAXCommand('toggle.cgi?toggle=T');">
<input type="submit" value="Toggle R11 2S" onclick="newAJAXCommand('toggle.cgi?toggle=U');">
<input type="submit" value="Toggle R12 2S" onclick="newAJAXCommand('toggle.cgi?toggle=V');">

<br><br>

<input type="submit" value="Toggle R1 1S" onclick="newAJAXCommand('toggle.cgi?toggle=A');">
<input type="submit" value="Toggle R2 1S" onclick="newAJAXCommand('toggle.cgi?toggle=B');">
<input type="submit" value="Toggle R3 1S" onclick="newAJAXCommand('toggle.cgi?toggle=C');">
<input type="submit" value="Toggle R4 1S" onclick="newAJAXCommand('toggle.cgi?toggle=D');">
<input type="submit" value="Toggle R5 1S" onclick="newAJAXCommand('toggle.cgi?toggle=E');">
<input type="submit" value="Toggle R6 1S" onclick="newAJAXCommand('toggle.cgi?toggle=F');">
<input type="submit" value="Toggle R7 1S" onclick="newAJAXCommand('toggle.cgi?toggle=G');">
<input type="submit" value="Toggle R8 1S" onclick="newAJAXCommand('toggle.cgi?toggle=H');">
<input type="submit" value="Toggle R9 1S" onclick="newAJAXCommand('toggle.cgi?toggle=W');">
<input type="submit" value="Toggle R10 1S" onclick="newAJAXCommand('toggle.cgi?toggle=X');">
<input type="submit" value="Toggle R11 1S" onclick="newAJAXCommand('toggle.cgi?toggle=Y');">
<input type="submit" value="Toggle R12 1S" onclick="newAJAXCommand('toggle.cgi?toggle=Z');">

<br><br>

</form>

</div>

<script type="text/javascript">
<!--
// Parses the xmlResponse from status.xml and updates the status box
function updateStatus(xmlData) {
	// Check if a timeout occurred
	if(!xmlData)
	{
		document.getElementById('display').style.display = 'none';
		document.getElementById('loading').style.display = 'inline';
		return;
	}

	// Make sure we're displaying the status display
	document.getElementById('loading').style.display = 'none';
	document.getElementById('display').style.display = 'inline';
	
	// Loop over all the RELAYs
	for(i = 0; i < 10; i++) {
		if(getXMLValue(xmlData, 'led'+i) == '1')
			document.getElementById('led' + i).style.color = '#090';
		else
			document.getElementById('led' + i).style.color = '#ddd';
	}

	if(getXMLValue(xmlData, 'leda') == '1')
		document.getElementById('leda').style.color = '#090';
	else
		document.getElementById('leda').style.color = '#ddd';

	if(getXMLValue(xmlData, 'ledb') == '1')
		document.getElementById('ledb').style.color = '#090';
	else
		document.getElementById('ledb').style.color = '#ddd';


	// Loop over all the buttons
	for(i = 0; i < 10; i++) {
		if(getXMLValue(xmlData, 'btn'+i) == 'up')
			document.getElementById('btn' + i).innerHTML = '0';
		else
			document.getElementById('btn' + i).innerHTML = '&Lambda;';
	}

	if(getXMLValue(xmlData, 'btna') == 'up')
		document.getElementById('btna').innerHTML = '0';
	else
		document.getElementById('btna').innerHTML = '&Lambda;';

	if(getXMLValue(xmlData, 'btnb') == 'up')
		document.getElementById('btnb').innerHTML = '0';
	else
		document.getElementById('btnb').innerHTML = '&Lambda;';
		
	document.getElementById('pot0').innerHTML = getXMLValue(xmlData, 'pot0');			
}
setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
//-->
</script>

<script type="text/javascript">
<!--
document.getElementById('hello').innerHTML = "~hellomsg~";
//-->
</script>

~inc:footer.inc~
